<template>
	<div class="bili-header">
		<div class="header-bar">
			<ul>
				<li>
					<a href="#">
						<img src="./images/hz_icon.png" alt="bilibili" />
						<div>
							首页
							<i class="iconfont icon-xiangxia"></i>
						</div>
					</a>
				</li>
				<li>
					<a href="#">番剧</a>
				</li>
				<li>
					<a href="#">直播</a>
				</li>
				<li>
					<a href="#">游戏中心</a>
				</li>
				<li>
					<a href="#">会员购</a>
				</li>
				<li>
					<a href="#">漫画</a>
				</li>
				<li>
					<a href="#">赛事</a>
				</li>
			</ul>
			<div>
				<input type="text" />
			</div>
			<ul>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div class="header-banner"></div>
		<div class="header-channel"></div>
	</div>
</template>

<script>
export default {
	name: "HeaderComp",
};
</script>

<style lang="less" scoped></style>
